<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="Keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="gya">
    <title>空创格科技 - 专业优质的企业服务商</title>
    <link href="css/normalize.css" rel="stylesheet">
    <link href="css/OwlCarousel.css" rel="stylesheet">
    <link href="css/OwlCarousel.theme.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="bookmark" href="favicon.ico">
</head>

<body>
    <!--[if lte IE9]>
<p>你的浏览器版本过于老旧，请点击<a href="https://browsehappy.com/">这里</a>更新，以获取最佳体验。</p>
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
    <!-- 导航 -->
    <header class="nav">
        <div id="logo">
            <a href="index.html"><img src="img/logo2.png" class="logoImg"></a>
        </div>
        <h1 class="comName"><a href="index.html">江门市空创格科技有限公司</a></h1>
        <div class="navOpen lg-hidden table-hidden pc-hidden"></div>
        <ul class="navList">
            <div class="navClose lg-hidden table-hidden pc-hidden">×</div>
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于空创格</a></li>
            <li class="openBusinessNav"><a href="#">业务范围<span class="star"></span></a></li>
            <ul class="businessNav" id="businessNav"></ul>
            <li><a href="case.html">案例展示</a></li>
            <li class="active"><a href="news.html">行业动态</a></li>
            <li><a href="person.html">人才计划</a></li>
            <li><a href="contact.html">联系我们</a></li>
        </ul>
    </header>

    <!-- banner -->
    <div class="banner">
        <picture>
            <source media="(max-width:375px)" srcset="img/newsBanner_phone.png">
            <img src="img/newsBanner.png" alt="banner">
        </picture>
    </div>
    <!-- 动态页 -->
    <!-- 动态导航条 -->
    <ul id="newsNav" class="caseNav phone-hidden"></ul>
    <!-- 动态卡片 -->
    <div class="newsContainer">
        <div class="news-options" id="page1">
            <!-- 热门 -->
            <div class="newsTitle phone-hidden">
                <img src="img/newsHotIcon.png" alt="" class="newsHotIcon">
                <div class="newsTitleBox">
                    <a class="newsTitle_title">热门文章</a>
                    <!-- <a href="#" class="newsTitle_more">更多 ></a> -->
                </div>
            </div>
            <ul class="news-headerBox">

            </ul>
            <hr class="lg-hidden" />
            <!--  动态列表部分 start -->
            <div class="newsTitle phone-hidden">
                <img src="img/newestIcon.png" alt="" class="newsHotIcon">
                <div class="newsTitleBox">
                    <a class="newsTitle_title">最新动态</a>
                    <!-- <a href="#" class="newsTitle_more">更多 ></a> -->
                </div>
            </div>
            <ul class="news-bottomList">

            </ul>
            <!-- 动态列表部分 end -->
        </div>

        <!-- 分页 -->
        <nav class="news-pagesChange">
            <a href="javascript:;" onclick="newsList(type,1,10)" id="p1">1</a>
        </nav>
    </div>


    <!-- 底部 -->
    <footer>
        <div class="footer-nav lg-hidden pc-hidden table-hidden">
            <ul class="footer-navList">
                <li class="footer-navItem"><a href="">业务范围<span class="fnr rotate1">></span></a>
                    <ul class="footer-sonList hidden" id="phoneNav-business">

                    </ul>
                </li>
                <li class="footer-navItem"><a href="case.html">案例展示<span class="fnr rotate1">></span></a>
                    <ul class="footer-sonList hidden" id="phoneNav-case">

                    </ul>
                </li>
                <li class="footer-navItem"><a href="">关于空创格<span class="fnr rotate1">></span></a>
                    <ul class="footer-sonList hidden" id="phoneNav-about">

                    </ul>
                </li>
                <li class="footer-navItem"><a href="">行业动态<span class="fnr rotate1">></span></a>
                    <ul class="footer-sonList hidden" id="phoneNav-news">

                    </ul>
                </li>
                <li class="footer-navItem"><a href="">人才计划<span class="fnr rotate1">></span></a>
                    <ul class="footer-sonList hidden" id="phoneNav-person">

                    </ul>
                </li>
                <li class="footer-navItem"><a href="">联系我们<span class="fnr rotate1">></span></a>
                    <ul class="footer-sonList hidden">
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <ul class="footer-menu footer-PC-nav">
            <ul class="footer-menuList phone-hidden" id="footer-pc-business"></ul>
            <ul class="footer-menuList phone-hidden" id="footer-pc-case"></ul>
            <ul class="footer-menuList phone-hidden" id="footer-pc-about"></ul>
            <ul class="footer-menuList phone-hidden" id="footer-pc-news"></ul>
            <ul class="footer-menuList phone-hidden" id="footer-pc-person"></ul>
            <ul class="footer-menuList" id="footer-lastMenu">
                <li class="footer-title phone-hidden">联系我们</li>
                <li class="footerNavLine phone-hidden"></li>
                <li class="footer-contact">
                    <img src="img/icon23.png" alt="联系地址" class="footer-Icon">
                    联系地址：<span id="footer-pc-comName"></span>
                </li>
                <li class="footer-contact">
                    <span style="display: inline-block;width: 18%;"></span>
                    <span class="footer-pc-comName">广州市越秀区水荫二横路新达城广场南座2707</span>
                </li>
                <li class="footer-contact">
                    <img src="img/icon24.png" alt="联系电话" class="footer-Icon">
                    联系电话：<span id="footer-pc-phone"></span>
                </li>
                <li class="footer-contact" id="footer-RQ"></li>
            </ul>
        </ul>
        <hr>
        <div class="copyMessage">
            <span class="phone-hidden">版权所有：</span>
            <div class="phone-hidden bottomComName">
                <div>江门市空创格科技有限公司</div>
                <div>广州市加壹软件科技有限公司</div>
            </div>
            <span class="phone-hidden">Copyright&copy;</span>
            <span class="footer-serverTel phone-hidden">2017-2020</span>
            <span class="footer-keepOnRecord"><a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44070402440896" target="_blank">
                    <img src="img/guohui.png" alt="guohui" class="guohui">
                    粤公网安备 44070402440896号</a></span>
            <span class="footer-keepOnRecord"><a href="http://www.beian.miit.gov.cn"
                    target="_blank">粤ICP备18002115号</a></span>
            <!-- <a href="http://new.cnzz.com/v1/login.php?siteid=1278040824" target="_blank"><img src="img/cnzz.gif"
          alt="cnzz"></a> -->
            <!-- <a href="JavaScript:;"><img src="img/guohui.png" alt="guohui"></a> -->
            <!-- 站长统计 -->
            <script type="text/javascript">
                var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
                document.write(unescape("%3Cspan id='cnzz_stat_icon_1278040824'%3E%3C/span%3E%3Cscript src='" +
                    cnzz_protocol +
                    "s9.cnzz.com/z_stat.php%3Fid%3D1278040824%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"
                    ));
            </script>
        </div>
    </footer>

    <script src="js/jquery.min.js"></script>
    <script src="js/OwlCarousel.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script src="js/api.js"></script>
    <script>
        $('.owl-carousel').owlCarousel({
            loop: true,
            margin: 0,
            items: 1,
            dots: true,
            nav: true,
            responsive: {
                0: {
                    items: 1
                },
                600: {
                    items: 1
                },
                1000: {
                    items: 1
                }
            }
        })

        $(document).ready(function () {
            // 页面打开默认加载第一页数据
            $.getUrlParam = function (name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return 1;
            }
            categoryId = $.getUrlParam("id")
            let pageNum = 1;
            let size = 10; //每页10条数据
            newsList(categoryId, pageNum, size);
            // 默认点亮分页第一页
            $('.news-pagesChange').find('a:first-child').addClass('active');
            $('.news-pagesChange').find('a:first-child').siblings().removeClass('active');
            loadNewsHeadlines(categoryId);
        })
    </script>
</body>

</html>